<template>
  <div>
    <el-row>
      <el-col>
        <img src="../img/1.png" style="width: 100px;">
        <el-menu
            default-active="2"
            class="el-menu-vertical-demo"
            @open="handleOpen"
            @close="handleClose"
            :unique-opened="true"
        >
          <el-menu-item index="1">
            <el-icon><Stopwatch /></el-icon>
            <span style="font-size: 17px">仪表盘</span>
          </el-menu-item>
          <el-sub-menu index="2">
            <template #title>
              <el-icon><Menu /></el-icon>
              <span style="font-size: 17px">常用设置</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="2-1" @click="chuan('教师管理')">教师管理</el-menu-item>
              <el-menu-item index="2-2">学生管理</el-menu-item>
              <el-menu-item index="2-3">公告管理</el-menu-item>
              <el-menu-item index="2-4">系统配置</el-menu-item>
              <el-menu-item index="2-5">判断服务器</el-menu-item>
            </el-menu-item-group>
          </el-sub-menu>
          <el-sub-menu index="3">
            <template #title>
              <el-icon><Aim /></el-icon>
              <span style="font-size: 17px">问题</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="3-1">问题列表</el-menu-item>
              <el-menu-item index="3-2">增加题目</el-menu-item>
              <el-menu-item index="3-3">导入导出问题</el-menu-item>
            </el-menu-item-group>
          </el-sub-menu>
          <el-sub-menu index="4">
            <template #title>
              <el-icon><Trophy /></el-icon>
              <span style="font-size: 17px">比赛&练习</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="4-1">比赛列表</el-menu-item>
              <el-menu-item index="4-2">创建比赛</el-menu-item>
            </el-menu-item-group>
          </el-sub-menu>
          <el-sub-menu index="5">
            <template #title>
              <el-icon><Collection /></el-icon>
              <span>课程</span>
            </template>
            <el-menu-item-group>
              <el-menu-item index="5-1">课程列表</el-menu-item>
              <el-menu-item index="5-2">创建课程</el-menu-item>
            </el-menu-item-group>
          </el-sub-menu>
        </el-menu>
      </el-col>
    </el-row>
  </div>
</template>

<script>
// import eventBus from "@/eventBus";

export default {
  name: "LeftVue",
  data() {
    return {
      a:''
    }
  },
  methods: {
    handleOpen(key, keyPath) {
      console.log(key, keyPath);
    },
    handleClose(key, keyPath) {
      console.log(key, keyPath);
    },
    chuan(){
      // eventBus.$emit('pushMsg',row)
    }
  }
}
</script>

<style scoped>

</style>